<template>
  <GlobalPage>
    <div class="table-box">
      <el-table  style="width: 100%; font-size: 10px">
        <el-table-column type="selection" width="35" align="center">
        </el-table-column>
        <el-table-column prop="id" label="ID" width="45" align="center">
        </el-table-column>
        <el-table-column prop="date" label="Date" width="180" />
        <el-table-column prop="name" label="Name" width="180" />
        <el-table-column prop="address" label="Address" />
      </el-table>
    </div>
  </GlobalPage>
</template>

<script setup>
import GlobalPage from "@/components/Global-Page/Global-Page.vue";
import { ref } from "vue";
const value = ref("Delicacy");
const options = ["Delicacy", "Desserts&Drinks", "Fresh foods", "Supermarket"];
</script>

<style>
.custom-style .el-segmented {
  --el-segmented-item-selected-color: var(--el-text-color-primary);
  --el-segmented-item-selected-bg-color: #ffd100;
  --el-border-radius-base: 16px;
}
</style>
